/* -------------------------------------------------------------- 
   
   grilla.css
   * Es muy fácil de usar, dividimos la página en 24 columnas

   * Por defecto el tamaño de inicio es 950 px, con 24 columnas 
 	 con spans de 30px y 10 px de margen

   * Para utilizarlo debes hacer la siguiente ecuación: tengo
	 de tamaño 950 px, que es lo mismo que decir (columnas * 40) -10
	 así que si tengo 950 serían 24 columnas.

   
-------------------------------------------------------------- */
#total{
	float: left;
    margin: 0 auto;
    width: 100%;
    background-image: url('../../img/fondo2.gif');
	background-repeat: repeat-y;
}
#finallibro{
	background-image: url("../../img/fondofinal.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    float: left;
    height: 32px;
    margin: 0 auto;
    width: 100%;
}
.finallibro{
	float: none;
    margin: 0 auto;
    width: 1202px;
}
.finallibro img{
	margin-left: -1px;
}
html, body { height: 100%; }

body{

	margin: 0px auto;
	width: 100%;
	height: 100%;
	font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
	color: #000000; 
 	font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;;
  	font-size: 12px;
}

img{border:0px;}


/* Contenedor de todas las columnas. */
#general {
  width: 1203px;
  margin: 0 auto;
}

#banner span{
display: none;

}
.interior{background-image: url("../../img/fondo_web.jpg");
float:left;
height:100%;}

.oculto{display: none;
}
/*----------------------------------------------------------------------

	
	///////          CABECERA          ///////////////


------------------------------------------------------------------------*/	


	
#cabecera{}
#contenido{}
#pie{}
#lateral{}

#contenido_int{

}
.ajuste_lateral{
	margin-bottom: 19px;
    margin-left: 3px;
}

.cuadrado238{
	float: left;
	width: 216px; 
	height:94px;
	background-image: url("../../img/cuadro_238x117.gif");
	background-repeat: no-repeat;
	margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 12px;
}

.cuadrado403{
	float: left;
    width: 379px;
	background-image: url("../../img/cuadro_403x142.gif");
	background-repeat: no-repeat;
	height: 119px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 12px;
    font-size: 18px
    }
    
/* ---------------------------------------------------------------------
 * -----------------------contenido -----------------------------------------
 * ---------------------------------------------------------------------*/

.titulo{
	background-image: url("../../img/fondo_titulo.png");
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 15px;
    padding-left: 15px;
}

#titulo p  { margin: 0 0 0.5em; }
#contenido_int p{font-size:12px;
font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
margin-bottom: 17px;
}
#contenido_int .destacado{
font-size: 18px;
color:#C0465E;
text-align: justify;
}

.destacado2{
font-size: 29px;
}


#pie{
 background-color: #666666;
    height: 29px;
    padding-top: 4px;
    margin-top: 50px;
    margin-bottom: 20px;
}
.pie{
	margin: 0 auto;
}
.article{
font-size:12px;
font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
margin-bottom: 17px;
}
.article p{
	margin-bottom:15px;
}
.entry-title, .entry-title a {
	color:#ffffff;
}
.more-link {
	float: right;
    padding-top: 21px;
}
.more-link img{
	
}
.more-link span{
	color: black;
    font-size: 15px;
    padding-left: 15px;
    vertical-align: 54%;
}
.lateralarticulo{
	text-align: center;
}
#slidersidebar{
	float: left;
	
}

.contacto{
	float: left;
    margin: 10px 30px;
    text-align: center;
    width: 350px;
}
/* id formulario de contacto*/ #wpcf7-f74-p11-o1{float:left; width: 540px;}
.centrarderecha{
	text-align: right;
	padding-right: 10px;
	 padding-top: 2px;
}
.wpcf7-submit{
	background-image: url("../../img/enviarformulario.png");
    border: medium none;
    height: 32px;
    margin-bottom: 50px;
    padding-top: 16px;
    width: 168px;
}
/* fin formulario de contacto*/

.librowidget{
	background-color: #666666;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin: 6px;
    padding: 15px;
    text-align: center;
}

.librowidget p{
	color: #FFFFFF;
	margin-top: 10px;
}
/* ---------------------------------------------------------------------
 * -----------------------menu -----------------------------------------
 * ---------------------------------------------------------------------*/
#menu{
    background: url("../../img/barra_cabecera.jpg") no-repeat scroll center bottom transparent;
    height: 26px;
    margin-bottom: 15px;
    padding-top: 17px;
    
    }
    
.centradodemenu{
	margin:0 auto
} 
.menu-cabecera-container{
	float:left;
}
.menu-inicio-container{
	float:left;
}
.menu {
    border: 0 none;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    height: 49px;
}
.menu ul {
    height: 43px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.menu li {
    float: left;
    
}
#menu-cabecera li{
	background-image: url("../../img/separador_menu.gif");
}

#menu-cabecera li ul{
	background-image: none;
}
#menu-cabecera li li{
	background-image: none;
}
/*#menu li          { display: inline;margin-left: 21px;}
#menupie li          { display: inline;margin-left: 42px;}*/
.menu li a {
    color: #666666;
    display: block;
    font-weight: bold;
    line-height: 20px;
    padding: 0 14px 0 21px;
    text-align: center;
    text-decoration: none;
}
.menu li a:hover {
    text-decoration: none;
    color:#ff6600;
    
}
.sub-menu{
	background-image: url('../../img/fondo2.gif');
}
.menu li ul {
    background-color: #666666;
    border: medium none;
    display: none;
    height: auto;
    margin-left: 4px;
    opacity: 0.95;
    position: absolute;
    width: 136px;
    z-index: 200;
    text-align: center;
   
}
.menu li:hover ul {
    display: block;
}
.menu li li {
    display: block;
    float: none;
    padding: 0;
 	background-color: #666666;
    
}
.menu li ul a {
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 0 10px 0 15px;
    text-align: left;
    line-height: 26px;
    color:#ffffff;
    
    }
.menu li ul a:hover {
    
 	color: #ff6600;
    opacity: 1;
}
.menu p {
    clear: left;
}
.menu .current-menu-item a{
      color:#ff6600;
       
}

#menupie{
	margin-top: -42px;	
}

#menupie li a {
    color: #FFFFFF;
    text-decoration: none;
}
#menupie li p {
    margin-top: 12px;
}
#menupie .current-menu-item a{
      color:#ff6600;
       
}
#menupie ul li a:hover {
    
 	color: #ff6600;
}
/* Redes sociales compartir
-------------------------------------------------------------- */
.shareinpost ul.socialwrap {
	float:right;
	}
.shareinpost {
	float:right;
	
	}
.shareinpost p{
	margin-top: 5px;
	font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 14px;
	}
.redessociales{
	float: right;
    text-align: center;
    width: 137px;
}

/* ---------------------------------------------------------------------
 * --------------pagina principal  -----------------------------------------
 * ---------------------------------------------------------------------*/
.bloquegrande{
	background: url("../../img/barra_separadora.png") no-repeat scroll center bottom transparent;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 17px;
    width: 940px;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 14px;
    padding-top:20px;
}
.bloquegrande p{
	margin-bottom: 10px;
}
.introduccion {
	float: left;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 18px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 24px;
    width: 480px;
}
.introduccion img{
	margin-left: 10px;
    margin-right: 10px;
}
.imagenintroduccion{
	float: left;
    width: 450px;
}
	  
.principalgrande{}
.principalpeque {}
.bloquepeq {
    background: url("../../img/barra_separadora.png") no-repeat scroll center bottom transparent;
    float: left;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 20px;
    width: 460px;
    height: 200px;
}
.textobloque{
	height: 150px;
}
.textobloque img{
	 margin: 1px 10px 0 3px;
}
.titulobloquepeq{
	font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 14px;
    color:#666666;
    background-image: url("../../img/fondorallita.png");
    font-weight: bolder;    
    margin-bottom: 10px;
    padding-left: 15px;
}
.textobloque p{
	font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 11px;
}
.seguirleyendo{
	float:right;
	width: 450px;
}

/* ---------------------------------------------------------------------
 * --------------paginacion  -----------------------------------------
 * ---------------------------------------------------------------------*/

.navegacion{
float: left;
    padding-bottom: 15px;
    padding-top: 9px;
    width: 700px;
}
.wp-paginate{
	text-align: center;
	
}
.wp-paginate .current{
	
}
.wp-paginate a{
	
}
/* ---------------------------------------------------------------------
 * --------------AJUSTE DE SIDEBAR  -----------------------------------------
 * ---------------------------------------------------------------------*/
.widget_listcategorypostswidget li a{
	color:#666666;
}
.widget_listcategorypostswidget li a:hover{
	color:#ff6600;
}

#listcategorypostswidget-3 h3{
	background: url("../../img/iconos/fondobarralibros.png")  no-repeat scroll 0 0 transparent;
	color: #666666;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 20px;
    height: 31px;
    padding-left: 60px;
    padding-top: 4px;
}
#listcategorypostswidget-3 li{
	background: url("../../img/iconos/iconolibros.png") no-repeat scroll 0 0 transparent;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 12px;
    margin-top: 13px;
    padding-left: 15px;
}

#listcategorypostswidget-4 h3{
	background: url("../../img/iconos/fondobarraarticulos.png")  no-repeat scroll 0 0 transparent;
	color: #666666;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 20px;
    height: 31px;
    padding-left: 60px;
    padding-top: 4px;
}
#listcategorypostswidget-4 li{
	background: url("../../img/iconos/iconoarticulos.png") no-repeat scroll 0 0 transparent;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 12px;
    margin-top: 13px;
    padding-left: 15px;
}
#listcategorypostswidget-5 h3{
	background: url("../../img/iconos/fondobarrawikipedia.png") no-repeat scroll 0 0 transparent;
    color: #666666;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 20px;
    height: 31px;
    padding-left: 60px;
    padding-top: 4px;
}
#listcategorypostswidget-5 li{
	background: url("../../img/iconos/iconowikipedia.png") no-repeat scroll 0 0 transparent;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 12px;
    margin-top: 13px;
    padding-left: 15px;
}
#listcategorypostswidget-6 h3{
	background: url("../../img/iconos/fondobarraalcantarilla.png") no-repeat scroll 0 0 transparent;
    color: #666666;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 16px;
    height: 31px;
    padding-left: 60px;
    padding-top: 4px;
}
#listcategorypostswidget-6 li{
	background: url("../../img/iconos/iconoalcantarilla.png") no-repeat scroll 0 0 transparent;
    font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;
    font-size: 12px;
    margin-top: 13px;
    padding-left: 15px;
}


/* Columnas
-------------------------------------------------------------- */

/* Use esta clase junto con la clase .span-? para poder armar el esquema, el margin
define el espacio que hay despues de cada columna */

.publicidad img{
	margin-left: 150px;
} 
.columna {
  float: left;
  margin-right: 10px;
}
.columnader {
  float: right;
  margin-right: 95px;
}


/* La última columan necesita que se coloque esta clase, más que todo para que no nos
deforme el diseño*/

.ultimo { margin-right: 0; }

/* Con estas clases definimos el ancho de las columnas */
.ancho-1   { width: 30px; }
.ancho-2   { width: 70px; }
.ancho-3   { width: 110px; }
.ancho-4   { width: 150px; }
.ancho-5   { width: 170px; }
.ancho-6   { width: 220px; }
.ancho-7   { width: 270px; }
.ancho-8   { width: 310px; }
.ancho-9   { width: 350px; }
.ancho-10  { width: 390px; }
.ancho-11  { width: 445px; }
.ancho-12  { width: 470px; }
.ancho-13  { width: 510px; }
.ancho-14  { width: 550px; }
.ancho-15  { width: 590px; }
.ancho-16  { width: 630px; }
.ancho-17  { width: 668px; }
.ancho-18  { width: 710px; }
.ancho-19  { width: 753px; }
.ancho-20  { width: 790px; }
.ancho-21  { width: 830px; }
.ancho-22  { width: 870px; }
.ancho-23  { width: 960px; }
.ancho-24  { width: 1000px; }


/* Lateral derecho de las columnas. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Borde para agregar más espacio en blanco a los span o columnas */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Utilice estas clases para sacar de la misma linea a una columna. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin: 0 -160px 0 18px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Más elementos
-------------------------------------------------------------- */

/* Con esta clase podemos crear cajas  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Con esta clase podemos crear reglas horizontales. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Limpiar los floats 
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/* Derecha o Izquierda*/
.izq{
	float:left;
}

.der{
	float:right;
}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tablas
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { font-weight: bold; font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;}
td      { font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;}
th,td   { padding: 4px 10px 4px 0; font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;}
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use esto si usa span-xxx en los th/td. */
table .last { padding-right: 0; } 


/* Algunas clases adicionales
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* Encabezados
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: Tahoma,arial,verdana,geneva,helvetica,sans-serif;;
}
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1;}
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height: 1;}
h4 { font-size: 1.2em; line-height: 1.25;  }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }


/* Elementos de texto
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
/*p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }*/
p img.top   { margin-top: 0; } /* Utilice esto si la imagen esta en la parte superior <p>. */
img         { margin: 0 0; }

ul, ol      { margin:0 ; }
ul          { list-style-type: none; }
ol          { list-style-type: decimal; }


label { font-weight: bold; }

/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input {border-color: #ff6600;}
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #ff6600; background:#fafafa; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Sucesos, errores & notificaciones en cajas para mensajes de error. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
#banner{
margin-top: 20px;
}
.banner{margin-bottom: 30px;

}
.imgbanner{
	width: 960px; height:90px; display:block;
	background-image: url('http://www.plcascales.com/wp-content/uploads/2018/10/banner-historias-de-la-villa.jpg');
}

.imgbanner:hover {
	background-image: url('http://www.plcascales.com/wp-content/uploads/2018/10/banner-historias-de-la-villa-hover.jpg');
}